<template>
  <div>
    <!-- <iframe ref="iframe" src="../static/test/index.html" style="width:1024px;height:800px;"></iframe> -->
    <!-- <iframe ref="iframe" src="http://127.0.0.1:8081" style="width:1024px;height:800px;"></iframe> -->
    <!-- <iframe v-if="isShowIframe" ref="iframe" src="../static/test/index.html" style="width:1024px;height:600px;"></iframe> -->
    <iframe id="iframeId" v-if="isShowIframe" ref="iframe" src="http://127.0.0.1:7338/#/chat" style="width:1024px;height:600px;"></iframe>
  </div>
</template>

<script>
export default {
  name: 'IframeTest',
  data(){
    return {
      isShowIframe:true
    }
  },
  created() {

  },
  mounted() {
    // console.log(this.$refs);
    var frame = document.getElementById('iframeId');
    console.log(frame);
    
    
  },
  methods:{

  }
}
</script>

<style>

</style>
